<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1204623" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">二维码分享</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">标签管理</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb13;</span>
                <div class="name">专业档案</div>
                <div class="code-name">&amp;#xeb13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">报警</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">手机号</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">图表</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">散点图</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb96;</span>
                <div class="name">图表-折线图</div>
                <div class="code-name">&amp;#xeb96;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">面积图</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">71-图表</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">环形图</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe927;</span>
                <div class="name">百分比柱状堆叠图</div>
                <div class="code-name">&amp;#xe927;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">预警管理-01</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">趋势</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">分类筛选</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">key</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">专题</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">缩放</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">最新乱点</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">框选</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">分类统计</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">热力图</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">辖区</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">mapalert</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">qt1024</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">wl1024</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">mm1024</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">sjr1024</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">wx1024</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">yh1024</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">cp1024</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">all1024</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">sfz1024</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">sj1024</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">qq1024</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">铁路</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">重点关注学员</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">触网</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">倒计时</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">复选</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">tree-重点人员</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">名称</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">线索</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">值班管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">logo</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">10其他码号</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">00串并</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">05微信号</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">08涉警人</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">02身份证号</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">09陌陌号</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">07网络平台</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">04银行卡号</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">01手机号</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">03车牌号</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">06QQ号</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">网格联动</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">网站</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">外号</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">受害人</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">银行卡号</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">报警人</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">手机号</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">车牌号</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">嫌疑人</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">陌陌</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">qq</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">趋势预警</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">感叹号</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">订阅</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">空数据</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">智能分类</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">已关注</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">实心箭头</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">实心箭头</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">清空条件</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">向下箭头</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">向下箭头</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">点</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">所属单位</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">报警类别</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">辖区单位</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">反馈类别</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">控制台</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">多维研判</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">治安乱点</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">智能分类</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconyouxiang"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.iconyouxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweimafenxiang"></span>
            <div class="name">
              二维码分享
            </div>
            <div class="code-name">.iconerweimafenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima1"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconerweima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsvg-"></span>
            <div class="name">
              标签管理
            </div>
            <div class="code-name">.iconsvg-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanyedangan"></span>
            <div class="name">
              专业档案
            </div>
            <div class="code-name">.iconzhuanyedangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconerweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalarm"></span>
            <div class="name">
              报警
            </div>
            <div class="code-name">.iconalarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.iconshuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoujihao2"></span>
            <div class="name">
              手机号
            </div>
            <div class="code-name">.iconshoujihao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenfenzheng1"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.iconshenfenzheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontubiao"></span>
            <div class="name">
              图表
            </div>
            <div class="code-name">.icontubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpieChart"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.iconpieChart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsandiantu"></span>
            <div class="name">
              散点图
            </div>
            <div class="code-name">.iconsandiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontubiao-zhexiantu"></span>
            <div class="name">
              图表-折线图
            </div>
            <div class="code-name">.icontubiao-zhexiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmianjitu"></span>
            <div class="name">
              面积图
            </div>
            <div class="code-name">.iconmianjitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao"></span>
            <div class="name">
              71-图表
            </div>
            <div class="code-name">.icon-tubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuanxingtu"></span>
            <div class="name">
              环形图
            </div>
            <div class="code-name">.iconhuanxingtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaifenbizhuzhuangduidietu"></span>
            <div class="name">
              百分比柱状堆叠图
            </div>
            <div class="code-name">.iconbaifenbizhuzhuangduidietu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.iconbiaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaixu"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.iconpaixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyujingguanli-01"></span>
            <div class="name">
              预警管理-01
            </div>
            <div class="code-name">.iconyujingguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqushi"></span>
            <div class="name">
              趋势
            </div>
            <div class="code-name">.iconqushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbingtu"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.iconbingtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icontuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.iconfenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenlei11"></span>
            <div class="name">
              分类筛选
            </div>
            <div class="code-name">.iconfenlei11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkey"></span>
            <div class="name">
              key
            </div>
            <div class="code-name">.iconkey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.iconunlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanti"></span>
            <div class="name">
              专题
            </div>
            <div class="code-name">.iconzhuanti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuofang"></span>
            <div class="name">
              缩放
            </div>
            <div class="code-name">.iconsuofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanping1"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.iconquanping1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuixinluandian"></span>
            <div class="name">
              最新乱点
            </div>
            <div class="code-name">.iconzuixinluandian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkuangxuan"></span>
            <div class="name">
              框选
            </div>
            <div class="code-name">.iconkuangxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenleitongji"></span>
            <div class="name">
              分类统计
            </div>
            <div class="code-name">.iconfenleitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrelitu"></span>
            <div class="name">
              热力图
            </div>
            <div class="code-name">.iconrelitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaqu"></span>
            <div class="name">
              辖区
            </div>
            <div class="code-name">.iconxiaqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmapalert"></span>
            <div class="name">
              mapalert
            </div>
            <div class="code-name">.iconmapalert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqt"></span>
            <div class="name">
              qt1024
            </div>
            <div class="code-name">.iconqt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwl"></span>
            <div class="name">
              wl1024
            </div>
            <div class="code-name">.iconwl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmm"></span>
            <div class="name">
              mm1024
            </div>
            <div class="code-name">.iconmm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyoujiantou"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.iconyoujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuojiantou"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.iconzuojiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsjr"></span>
            <div class="name">
              sjr1024
            </div>
            <div class="code-name">.iconsjr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwx"></span>
            <div class="name">
              wx1024
            </div>
            <div class="code-name">.iconwx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyh"></span>
            <div class="name">
              yh1024
            </div>
            <div class="code-name">.iconyh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcp"></span>
            <div class="name">
              cp1024
            </div>
            <div class="code-name">.iconcp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall"></span>
            <div class="name">
              all1024
            </div>
            <div class="code-name">.iconall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsfz"></span>
            <div class="name">
              sfz1024
            </div>
            <div class="code-name">.iconsfz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsj"></span>
            <div class="name">
              sj1024
            </div>
            <div class="code-name">.iconsj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqq1"></span>
            <div class="name">
              qq1024
            </div>
            <div class="code-name">.iconqq1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.iconbangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontielu1"></span>
            <div class="name">
              铁路
            </div>
            <div class="code-name">.icontielu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongdianguanzhuxueyuan"></span>
            <div class="name">
              重点关注学员
            </div>
            <div class="code-name">.iconzhongdianguanzhuxueyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchuwang"></span>
            <div class="name">
              触网
            </div>
            <div class="code-name">.iconchuwang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhuixiugai"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhuixiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhu1"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.iconguanzhu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaojishi"></span>
            <div class="name">
              倒计时
            </div>
            <div class="code-name">.icondaojishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuxuan"></span>
            <div class="name">
              复选
            </div>
            <div class="code-name">.iconfuxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontree-key-person"></span>
            <div class="name">
              tree-重点人员
            </div>
            <div class="code-name">.icontree-key-person
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuotaidaping"></span>
            <div class="name">
              名称
            </div>
            <div class="code-name">.iconhuotaidaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchaxun1"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.iconchaxun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiansuo"></span>
            <div class="name">
              线索
            </div>
            <div class="code-name">.iconxiansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouji1"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.iconshouji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconziyuan"></span>
            <div class="name">
              值班管理
            </div>
            <div class="code-name">.iconziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala11"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.iconxiala11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.iconxiala1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala2"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.iconxiala2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.iconxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuichu1"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icontuichu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogo"></span>
            <div class="name">
              logo
            </div>
            <div class="code-name">.iconlogo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqitamahao"></span>
            <div class="name">
              10其他码号
            </div>
            <div class="code-name">.iconqitamahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchuanbing"></span>
            <div class="name">
              00串并
            </div>
            <div class="code-name">.iconchuanbing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixinhao"></span>
            <div class="name">
              05微信号
            </div>
            <div class="code-name">.iconweixinhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshejingren"></span>
            <div class="name">
              08涉警人
            </div>
            <div class="code-name">.iconshejingren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenfenzhenghao"></span>
            <div class="name">
              02身份证号
            </div>
            <div class="code-name">.iconshenfenzhenghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmomohao"></span>
            <div class="name">
              09陌陌号
            </div>
            <div class="code-name">.iconmomohao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwangluopingtai"></span>
            <div class="name">
              07网络平台
            </div>
            <div class="code-name">.iconwangluopingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyinhangkahao1"></span>
            <div class="name">
              04银行卡号
            </div>
            <div class="code-name">.iconyinhangkahao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoujihao1"></span>
            <div class="name">
              01手机号
            </div>
            <div class="code-name">.iconshoujihao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchepaihao1"></span>
            <div class="name">
              03车牌号
            </div>
            <div class="code-name">.iconchepaihao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconQQhao"></span>
            <div class="name">
              06QQ号
            </div>
            <div class="code-name">.iconQQhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwanggeliandong"></span>
            <div class="name">
              网格联动
            </div>
            <div class="code-name">.iconwanggeliandong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.iconweizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwangzhan"></span>
            <div class="name">
              网站
            </div>
            <div class="code-name">.iconwangzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwaihao"></span>
            <div class="name">
              外号
            </div>
            <div class="code-name">.iconwaihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhairen"></span>
            <div class="name">
              受害人
            </div>
            <div class="code-name">.iconshouhairen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyinhangkahao"></span>
            <div class="name">
              银行卡号
            </div>
            <div class="code-name">.iconyinhangkahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaojingren"></span>
            <div class="name">
              报警人
            </div>
            <div class="code-name">.iconbaojingren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.iconweixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoujihao"></span>
            <div class="name">
              手机号
            </div>
            <div class="code-name">.iconshoujihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchepaihao"></span>
            <div class="name">
              车牌号
            </div>
            <div class="code-name">.iconchepaihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenfenzheng"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.iconshenfenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxianyiren"></span>
            <div class="name">
              嫌疑人
            </div>
            <div class="code-name">.iconxianyiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmomo"></span>
            <div class="name">
              陌陌
            </div>
            <div class="code-name">.iconmomo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqq"></span>
            <div class="name">
              qq
            </div>
            <div class="code-name">.iconqq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.iconquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqushiyujing"></span>
            <div class="name">
              趋势预警
            </div>
            <div class="code-name">.iconqushiyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongantanhao"></span>
            <div class="name">
              感叹号
            </div>
            <div class="code-name">.icongantanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsubscribe-1-copy"></span>
            <div class="name">
              订阅
            </div>
            <div class="code-name">.iconsubscribe-1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkongshuju"></span>
            <div class="name">
              空数据
            </div>
            <div class="code-name">.iconkongshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icondaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyong"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.iconqiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinyong"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.iconjinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.iconxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhinengfenlei"></span>
            <div class="name">
              智能分类
            </div>
            <div class="code-name">.iconzhinengfenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.iconxiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyiguanzhu"></span>
            <div class="name">
              已关注
            </div>
            <div class="code-name">.iconyiguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhu"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.iconguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icontianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.iconshijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icontishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiantou1"></span>
            <div class="name">
              实心箭头
            </div>
            <div class="code-name">.iconjiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiantou1-copy"></span>
            <div class="name">
              实心箭头
            </div>
            <div class="code-name">.iconjiantou1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqingkongtiaojian"></span>
            <div class="name">
              清空条件
            </div>
            <div class="code-name">.iconqingkongtiaojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.iconquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiantou"></span>
            <div class="name">
              向下箭头
            </div>
            <div class="code-name">.iconjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiantou-copy"></span>
            <div class="name">
              向下箭头
            </div>
            <div class="code-name">.iconjiantou-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangdajing"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconfangdajing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondian"></span>
            <div class="name">
              点
            </div>
            <div class="code-name">.icondian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondanwei"></span>
            <div class="name">
              所属单位
            </div>
            <div class="code-name">.icondanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleibie"></span>
            <div class="name">
              报警类别
            </div>
            <div class="code-name">.iconleibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoucijinruxiaqu"></span>
            <div class="name">
              辖区单位
            </div>
            <div class="code-name">.iconshoucijinruxiaqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfankui"></span>
            <div class="name">
              反馈类别
            </div>
            <div class="code-name">.iconfankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbian-ji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbian-ji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongerenzhongxinxuanzhong"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.icongerenzhongxinxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi"></span>
            <div class="name">
              控制台
            </div>
            <div class="code-name">.iconshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduoweifenxitabtubiao"></span>
            <div class="name">
              多维研判
            </div>
            <div class="code-name">.iconduoweifenxitabtubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbug"></span>
            <div class="name">
              治安乱点
            </div>
            <div class="code-name">.iconbug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleimupinleifenleileibie"></span>
            <div class="name">
              智能分类
            </div>
            <div class="code-name">.iconleimupinleifenleileibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icongongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconditu"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.iconditu
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouxiang"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#iconyouxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweimafenxiang"></use>
                </svg>
                <div class="name">二维码分享</div>
                <div class="code-name">#iconerweimafenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima1"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconerweima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsvg-"></use>
                </svg>
                <div class="name">标签管理</div>
                <div class="code-name">#iconsvg-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanyedangan"></use>
                </svg>
                <div class="name">专业档案</div>
                <div class="code-name">#iconzhuanyedangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconerweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalarm"></use>
                </svg>
                <div class="name">报警</div>
                <div class="code-name">#iconalarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#iconshuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoujihao2"></use>
                </svg>
                <div class="name">手机号</div>
                <div class="code-name">#iconshoujihao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenfenzheng1"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#iconshenfenzheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontubiao"></use>
                </svg>
                <div class="name">图表</div>
                <div class="code-name">#icontubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpieChart"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#iconpieChart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsandiantu"></use>
                </svg>
                <div class="name">散点图</div>
                <div class="code-name">#iconsandiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontubiao-zhexiantu"></use>
                </svg>
                <div class="name">图表-折线图</div>
                <div class="code-name">#icontubiao-zhexiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmianjitu"></use>
                </svg>
                <div class="name">面积图</div>
                <div class="code-name">#iconmianjitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao"></use>
                </svg>
                <div class="name">71-图表</div>
                <div class="code-name">#icon-tubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuanxingtu"></use>
                </svg>
                <div class="name">环形图</div>
                <div class="code-name">#iconhuanxingtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaifenbizhuzhuangduidietu"></use>
                </svg>
                <div class="name">百分比柱状堆叠图</div>
                <div class="code-name">#iconbaifenbizhuzhuangduidietu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#iconbiaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaixu"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#iconpaixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyujingguanli-01"></use>
                </svg>
                <div class="name">预警管理-01</div>
                <div class="code-name">#iconyujingguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqushi"></use>
                </svg>
                <div class="name">趋势</div>
                <div class="code-name">#iconqushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbingtu"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#iconbingtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icontuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#iconfenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenlei11"></use>
                </svg>
                <div class="name">分类筛选</div>
                <div class="code-name">#iconfenlei11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkey"></use>
                </svg>
                <div class="name">key</div>
                <div class="code-name">#iconkey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#iconunlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanti"></use>
                </svg>
                <div class="name">专题</div>
                <div class="code-name">#iconzhuanti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuofang"></use>
                </svg>
                <div class="name">缩放</div>
                <div class="code-name">#iconsuofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanping1"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#iconquanping1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuixinluandian"></use>
                </svg>
                <div class="name">最新乱点</div>
                <div class="code-name">#iconzuixinluandian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkuangxuan"></use>
                </svg>
                <div class="name">框选</div>
                <div class="code-name">#iconkuangxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenleitongji"></use>
                </svg>
                <div class="name">分类统计</div>
                <div class="code-name">#iconfenleitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrelitu"></use>
                </svg>
                <div class="name">热力图</div>
                <div class="code-name">#iconrelitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaqu"></use>
                </svg>
                <div class="name">辖区</div>
                <div class="code-name">#iconxiaqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmapalert"></use>
                </svg>
                <div class="name">mapalert</div>
                <div class="code-name">#iconmapalert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqt"></use>
                </svg>
                <div class="name">qt1024</div>
                <div class="code-name">#iconqt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwl"></use>
                </svg>
                <div class="name">wl1024</div>
                <div class="code-name">#iconwl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmm"></use>
                </svg>
                <div class="name">mm1024</div>
                <div class="code-name">#iconmm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyoujiantou"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#iconyoujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuojiantou"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#iconzuojiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsjr"></use>
                </svg>
                <div class="name">sjr1024</div>
                <div class="code-name">#iconsjr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwx"></use>
                </svg>
                <div class="name">wx1024</div>
                <div class="code-name">#iconwx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyh"></use>
                </svg>
                <div class="name">yh1024</div>
                <div class="code-name">#iconyh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcp"></use>
                </svg>
                <div class="name">cp1024</div>
                <div class="code-name">#iconcp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall"></use>
                </svg>
                <div class="name">all1024</div>
                <div class="code-name">#iconall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsfz"></use>
                </svg>
                <div class="name">sfz1024</div>
                <div class="code-name">#iconsfz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsj"></use>
                </svg>
                <div class="name">sj1024</div>
                <div class="code-name">#iconsj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqq1"></use>
                </svg>
                <div class="name">qq1024</div>
                <div class="code-name">#iconqq1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#iconbangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontielu1"></use>
                </svg>
                <div class="name">铁路</div>
                <div class="code-name">#icontielu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongdianguanzhuxueyuan"></use>
                </svg>
                <div class="name">重点关注学员</div>
                <div class="code-name">#iconzhongdianguanzhuxueyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchuwang"></use>
                </svg>
                <div class="name">触网</div>
                <div class="code-name">#iconchuwang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhuixiugai"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhuixiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhu1"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#iconguanzhu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaojishi"></use>
                </svg>
                <div class="name">倒计时</div>
                <div class="code-name">#icondaojishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuxuan"></use>
                </svg>
                <div class="name">复选</div>
                <div class="code-name">#iconfuxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontree-key-person"></use>
                </svg>
                <div class="name">tree-重点人员</div>
                <div class="code-name">#icontree-key-person</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuotaidaping"></use>
                </svg>
                <div class="name">名称</div>
                <div class="code-name">#iconhuotaidaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchaxun1"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#iconchaxun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiansuo"></use>
                </svg>
                <div class="name">线索</div>
                <div class="code-name">#iconxiansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouji1"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#iconshouji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconziyuan"></use>
                </svg>
                <div class="name">值班管理</div>
                <div class="code-name">#iconziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala11"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#iconxiala11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#iconxiala1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala2"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#iconxiala2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#iconxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuichu1"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icontuichu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogo"></use>
                </svg>
                <div class="name">logo</div>
                <div class="code-name">#iconlogo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqitamahao"></use>
                </svg>
                <div class="name">10其他码号</div>
                <div class="code-name">#iconqitamahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchuanbing"></use>
                </svg>
                <div class="name">00串并</div>
                <div class="code-name">#iconchuanbing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixinhao"></use>
                </svg>
                <div class="name">05微信号</div>
                <div class="code-name">#iconweixinhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshejingren"></use>
                </svg>
                <div class="name">08涉警人</div>
                <div class="code-name">#iconshejingren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenfenzhenghao"></use>
                </svg>
                <div class="name">02身份证号</div>
                <div class="code-name">#iconshenfenzhenghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmomohao"></use>
                </svg>
                <div class="name">09陌陌号</div>
                <div class="code-name">#iconmomohao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwangluopingtai"></use>
                </svg>
                <div class="name">07网络平台</div>
                <div class="code-name">#iconwangluopingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyinhangkahao1"></use>
                </svg>
                <div class="name">04银行卡号</div>
                <div class="code-name">#iconyinhangkahao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoujihao1"></use>
                </svg>
                <div class="name">01手机号</div>
                <div class="code-name">#iconshoujihao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchepaihao1"></use>
                </svg>
                <div class="name">03车牌号</div>
                <div class="code-name">#iconchepaihao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconQQhao"></use>
                </svg>
                <div class="name">06QQ号</div>
                <div class="code-name">#iconQQhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwanggeliandong"></use>
                </svg>
                <div class="name">网格联动</div>
                <div class="code-name">#iconwanggeliandong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#iconweizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwangzhan"></use>
                </svg>
                <div class="name">网站</div>
                <div class="code-name">#iconwangzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwaihao"></use>
                </svg>
                <div class="name">外号</div>
                <div class="code-name">#iconwaihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhairen"></use>
                </svg>
                <div class="name">受害人</div>
                <div class="code-name">#iconshouhairen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyinhangkahao"></use>
                </svg>
                <div class="name">银行卡号</div>
                <div class="code-name">#iconyinhangkahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaojingren"></use>
                </svg>
                <div class="name">报警人</div>
                <div class="code-name">#iconbaojingren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#iconweixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoujihao"></use>
                </svg>
                <div class="name">手机号</div>
                <div class="code-name">#iconshoujihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchepaihao"></use>
                </svg>
                <div class="name">车牌号</div>
                <div class="code-name">#iconchepaihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenfenzheng"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#iconshenfenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxianyiren"></use>
                </svg>
                <div class="name">嫌疑人</div>
                <div class="code-name">#iconxianyiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmomo"></use>
                </svg>
                <div class="name">陌陌</div>
                <div class="code-name">#iconmomo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqq"></use>
                </svg>
                <div class="name">qq</div>
                <div class="code-name">#iconqq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#iconquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqushiyujing"></use>
                </svg>
                <div class="name">趋势预警</div>
                <div class="code-name">#iconqushiyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongantanhao"></use>
                </svg>
                <div class="name">感叹号</div>
                <div class="code-name">#icongantanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsubscribe-1-copy"></use>
                </svg>
                <div class="name">订阅</div>
                <div class="code-name">#iconsubscribe-1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkongshuju"></use>
                </svg>
                <div class="name">空数据</div>
                <div class="code-name">#iconkongshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icondaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyong"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#iconqiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinyong"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#iconjinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#iconxiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhinengfenlei"></use>
                </svg>
                <div class="name">智能分类</div>
                <div class="code-name">#iconzhinengfenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#iconxiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyiguanzhu"></use>
                </svg>
                <div class="name">已关注</div>
                <div class="code-name">#iconyiguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhu"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#iconguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icontianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#iconshijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icontishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiantou1"></use>
                </svg>
                <div class="name">实心箭头</div>
                <div class="code-name">#iconjiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiantou1-copy"></use>
                </svg>
                <div class="name">实心箭头</div>
                <div class="code-name">#iconjiantou1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqingkongtiaojian"></use>
                </svg>
                <div class="name">清空条件</div>
                <div class="code-name">#iconqingkongtiaojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#iconquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiantou"></use>
                </svg>
                <div class="name">向下箭头</div>
                <div class="code-name">#iconjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiantou-copy"></use>
                </svg>
                <div class="name">向下箭头</div>
                <div class="code-name">#iconjiantou-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangdajing"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconfangdajing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondian"></use>
                </svg>
                <div class="name">点</div>
                <div class="code-name">#icondian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondanwei"></use>
                </svg>
                <div class="name">所属单位</div>
                <div class="code-name">#icondanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleibie"></use>
                </svg>
                <div class="name">报警类别</div>
                <div class="code-name">#iconleibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoucijinruxiaqu"></use>
                </svg>
                <div class="name">辖区单位</div>
                <div class="code-name">#iconshoucijinruxiaqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfankui"></use>
                </svg>
                <div class="name">反馈类别</div>
                <div class="code-name">#iconfankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbian-ji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbian-ji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongerenzhongxinxuanzhong"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#icongerenzhongxinxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi"></use>
                </svg>
                <div class="name">控制台</div>
                <div class="code-name">#iconshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduoweifenxitabtubiao"></use>
                </svg>
                <div class="name">多维研判</div>
                <div class="code-name">#iconduoweifenxitabtubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbug"></use>
                </svg>
                <div class="name">治安乱点</div>
                <div class="code-name">#iconbug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleimupinleifenleileibie"></use>
                </svg>
                <div class="name">智能分类</div>
                <div class="code-name">#iconleimupinleifenleileibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzuotai"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icongongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconditu"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#iconditu</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
